import { Input, Layout, Typography } from 'antd';
import React from 'react';

import logo from '../../../logo.svg';
import styles from './header-search.module.css';

export const HeaderSearch: React.FC = () => {
  return (
    <Layout.Header className={styles['main-header']}>
      <div>
        <img src={logo} alt="logo" className={styles['app-logo']} />
        <Typography.Title level={3} className={styles['title']}>
          React.旅游网
        </Typography.Title>
      </div>
      <Input.Search placeholder="Basic usage" className={styles['search-input']} />
    </Layout.Header>
  );
};
